{extend name="public/base"}
{block name='main'}

<style type="text/css">
    .red {color: #FF5722!important;}
    .green {color: #5FB878!important;}
</style>
<fieldset class="layui-elem-field layui-field-title" style="margin-top:0px;">
    <legend>{$menuid|getmenuname}</legend>
</fieldset>
<form class="layui-form layui-form-pane" action="">
    <input type="hidden" name="menuid" value="{$menuid}" />
    <div class="my-btn-box">
     <span class="fl">
        <div class="layui-form-item">
            <div class="layui-inline">
               <label class="layui-form-label">文档关键词</label>
              <div class="layui-input-inline">
                <input type="tel" name="keyword" placeholder="文档关键词" lay-verify="required|phone" value="{$search.keyword|default=''}" class="layui-input">
              </div>
              <div class="layui-input-inline">
                 <button class="layui-btn mgl-20">搜索</button>
                 <a href="{:url('index', array('menuid'=>$menuid))}" class="layui-btn layui-btn-primary mgl-20">显示全部</a>
              </div>
            </div>
        </div>
     </span>
        <span class="fr">
       <a class="layui-btn layui-btn-danger" id="btn-alldel">批量删除</a>
       <a class="layui-btn layui-btn-normal" id="btn-add">添加广告</a>
     </span>
    </div>
</form>
<form class="layui-form layui-form-pane" action="">
    <table class="layui-table">
        <colgroup>
            <col width="60">
            <col width="60">
            <col width="">
            <col width="250">
            <col width="150">
            <col width="100">
            <col width="100">
        </colgroup>
        <thead>ID
        <tr>
            <th><input type="checkbox" id="checkall_t" lay-skin="primary" lay-filter="allChoose" ></th>
            <th>ID</th>
            <th>广告位名称</th>
            <th>广告类型</th>
            <th>广告位尺寸</th>
            <th>状态</th>
            <th>管理操作</th>
        </tr>
        </thead>
        <tbody id="userList">
        {volist name="list" id="val"}
            <tr>
                <td><input class="doc_checkbox" type="checkbox" value="{$val.id}" lay-skin="primary" lay-filter="itemChoose"></td>
                <td>{$val.id}</td>
                <td><span data-tdtype="edit" data-field="name" data-id="{$val.id}" class="tdedit">{$val.name}</span></td>
                <td>{$tpl_list[$val['tpl']]['name']}</td>
                <td><span data-tdtype="edit" data-field="width" data-id="{$val.id}" class="tdedit">{$val.width}</span>*<span data-tdtype="edit" data-field="height" data-id="{$val.id}" class="tdedit">{$val.height}</span></td>
                <td>
                    <input type="checkbox" name="status" value="{$val.status}" data-uri="{:url('adboard/ajax_edit',array('field'=>'status','id'=>$val['id']))}" lay-skin="switch" lay-filter="status" lay-text="启用|禁止" {if ($val.status == 1)}checked{/if}>
                </td>
                <td>
                    <a href="javascript:void(0);" data-uri="{:url('adboard/edit', array('id'=>$val['id']))}" dtitle="编辑 - {$val.name}" id="edit">编辑</a> |
                    <a href="javascript:void(0);" data-uri="{:url('adboard/delete', array('id'=>$val['id']))}" id="delete">删除</a>
                </td>
            </tr>
        {/volist}
        </tbody>

    </table>
</form>
<div id="test-laypage-demo0">
    <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-29">
        {$list|raw}
    </div>
</div>
<script type="text/javascript" src="__PUBLIC__/admin/layui/layui.js"></script>
<script>
    layui.use(['layer','jquery','form','element','table'], function () {
        //参数：layui、名称、模块名、主键（删除用）
        //新增弹窗
        Oper.config.add.width = '600px';
        Oper.config.add.height = '360px';

        //编辑弹窗
        Oper.config.edit.width = '600px';
        Oper.config.edit.height = '360px';
        Oper.initList(layui, '广告位', 'adboard', 'id');
    });
</script>
{/block}